<html>
<head>
<style type="text/css">
body {font-family: arial}
p {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }
  
#box {
  width: 200px;
  margin: 20px;
  padding: 100px;
} 
#red {color:red;}
#block1 {color:black;}
body {background-color: #000000}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,11,145);padding: 20px;}
p.no2 {background-color: rgb(25,11,145); padding: 20px;}
p2 {background-color: rgb(250,11,145);padding: 20px;}
</style>
</head>
<body>
<h1>Modify Text Title</h1>
<p>First</p>
<p id= "box" class="no2">Second</p>
<p id= "box" class="no1">Second</p>
<div id ="block1">
<p>Some more text.</p>
</div>
</body>
</html>
